/* CSS Document */
@charset "utf-8";
*{margin:0; padding:0; font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;}
a { color: #000; text-decoration: none; }
a:hover { text-decoration: none; }
p { text-align: justify; margin-bottom: 0; }
ul, ol { list-style-type: none; margin-bottom: 0; }
img { border: 0; max-width: 100%; }
.clear { clear: both; }
html { overflow-x: hidden; font-size: 62.5%;}
body { overflow: hidden; height:100%; position: relative; font-size: 1em; }
html.on { overflow: hidden; height: 100%; }
.h60 { height: 60px; clear: both; }
.h120 { height: 120px; clear: both; }
input[type=radio], input[type=checkbox] { border: none !important; }
select { outline: none }
.fl { float: left; }
.fr { float: right; }
*:focus{ border:none; outline:none;box-shadow: none;}

.listinfo { text-align: center; font-size: 16px; color: #666; font-weight: lighter; padding: 30px 0; }

.header{ padding: 20px 0; background: rgba(255, 255, 255, .66); position: relative; z-index: 1;}
.header .logo{ padding: 0; height: 86px; line-height: 86px;}
.header .logo img{ height: 70px; margin-right: 10px; vertical-align: middle; }
.header .logo .company{ display: inline-block;vertical-align: middle; margin-bottom: 10px; text-align: justify; }
.header .logo .company h2{ font-size:24px;line-height: 24px;font-weight: bold; margin-bottom: 5px; }
.header .logo .company p{ font-size:16px;line-height: 16px; }

.header .pc-search .box{ border: 2px solid #1e74a5; overflow: hidden; width: 100%; margin: 15px 0 0;}
.header .pc-search .box input[type="text"]{ height: 36px; width: 78%; border: none; float: left; font-size: 1.4em; color: #333; padding: 0 15px;}
.header .pc-search .box input[type="submit"]{ background: url(../images/search.png) no-repeat 15px center #84c225; height: 36px; width: 22%; border: none; float: right; font-size: 1.4em; color: #fff; text-indent: 30px; }
.header .pc-search .hot{ color: #7e7e7e; font-size: 1.2em; margin: 10px 0 5px; white-space: nowrap; overflow: hidden; }
.header .pc-search .hot a{ color: #7e7e7e;}
/* .header .tel{ padding: 15px 0 0; text-align: right;} */
.header .tel{ text-align: right;}
.header .tel .num{ font-size: 2.8em; font-weight: bold; color: #444; line-height: 36px;}
.header .tel .p{ font-size: 1.2em; color: #444; margin: 0; }

.pc-nav{ background: #3F9236; position: relative; z-index: 1;}
.pc-nav li{ width: 14.2857%; float: left; height: 50px; position: relative;}
.pc-nav li > a{ display: inline-block; height: 50px; line-height: 50px; width: 100%; text-align: center; font-size: 1.6em; color: #fff; overflow: hidden; position: relative; z-index: 1;}
.pc-nav li > a span, .pc-nav li > a b{ display: inline-block; width: 100%; height: 50px; line-height: 50px; font-weight: normal;  position: relative; transform: translateY(-50px); transition: all .2s linear;}
.pc-nav li > a span{ background: #007cc3;}
.pc-nav li:hover > a span, .pc-nav li:hover > a b{ transform: translateY(0);}
.pc-nav li dl{ position: absolute; top: 50px; left: 0; z-index: 0; width: 100%; background: #3F9236; display: none; animation-name: layui-upbit;  animation-fill-mode: both; animation-duration: .3s;}
.pc-nav li:hover dl{ display: block;}
.pc-nav li dd{ overflow: hidden; position: relative; border-bottom: 1px solid #4aa93f;}
.pc-nav li dd span, .pc-nav li dd b{ display: inline-block; width: 100%; padding: 8px 0; font-weight: normal; transition: all .2s linear; text-align: center; color: #fff; font-size: 1.4em;}
.pc-nav li dd span{ background: #007cc3; transform: translateX(-100.5%);}
.pc-nav li dd b{ top: 0; right: 0; position: absolute;}
.pc-nav li dd:hover span{ transform: translateX(0);}
.pc-nav li dd:hover b{ transform: translateX(100.5%);}

@-webkit-keyframes layui-upbit {
	from {
		-webkit-transform: translate3d(0,-30px,0);
		opacity: .3
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		opacity: 1
	}
}

@keyframes layui-upbit {
	from {
		transform: translate3d(0,-30px,0);
		opacity: .3
	}

	to {
		transform: translate3d(0,0,0);
		opacity: 1
	}
}

.header .search{ padding:0 15px; text-align:right;}
.header .search-box{ position: absolute; top: 100%;  width: 100%; left: 0; background: #fff; padding: 10px 20px; border-top: 1px solid #3F9236; box-shadow: 0 5px 5px rgba(0,0,0,.5); display:none;}
.header .search-box input[type="text"]{ float:left; width:80%; height:40px; border:none; font-size:1.4em; color:#333; padding-right: 10px; line-height:40px;}
.header .search-box input[type="submit"]{ float:left; width:20%; height:40px; border:none; font-size:1.4em; background:#3F9236; color:#fff; line-height:40px;}
.header .search-box select{ position: absolute; width: 18%; top: 0; left: 0; height: 100%; padding: 0 10px; font-size: 1.4em; color: #333; border: none;}

.header .nav-btn { height: 100px; line-height: 100px; position:relative; z-index:999; float:right; padding:0;}
.header .nav-btn .nav-icon { width: 26px; height: 24px; overflow: hidden; position: relative; top: 50%; float: right; transform:translateY(-50%); z-index: 9; }
.header .nav-btn .nav-icon span { display: inline-block; width: 26px; height: 2px; background: #3F9236; border-radius: 6px; position: absolute; left: 0; transition: all 0.3s linear 0s;}
.header .nav-btn .nav-icon span:nth-child(1) { top: 0; }
.header .nav-btn .nav-icon span:nth-child(2) { width: 16px; top: 10px; }
.header .nav-btn .nav-icon span:nth-child(3) { top: 20px }
.header .nav-active .nav-icon span:nth-child(2) { width: 26px; }
.header .nav-active .nav-icon span { background: #fff !important; }

.nav { position: fixed; width: 80%; height: 100%; top: 0; right: -80%; background: #fff; transition: all 0.2s linear 0s; z-index:99;}
.nav.on { right: 0; }
.nav .nav-top { background: #3F9236; font-size: 1.6em; color: #fff; padding: 0 20px; text-align:left;}
.nav ul{ overflow-x:hidden; height: 91%;}
.nav li { width: 100%; line-height: 50px; border-bottom: 1px solid #ccc; }
.nav li>a { display: inline-block; width: 100%; height: 100%; text-align: left; font-size: 1.6em; color: #333;     text-indent: 30px;}
.nav li dl { margin-bottom: 0; display: none; background: #f2f2f2; }
.nav li dd { border-bottom: 1px dashed #ccc; }
.nav li dd:last-child { border-bottom: none; }
.nav li dd a { display: inline-block; width: 100%; line-height: 40px; text-align: left; font-size: 1.4em; color: #333; text-indent: 40px;}
.nav-bg{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.35); left: 0; top: 0; display:none;}
.nav-bg.on{ display:block;}

.banner{ position: relative; z-index: 0; height: 600px; margin-top: -177px;}
.banner .swiper-container{ position: absolute; top: 0; left: 0;}
.banner .swiper-container, .banner .swiper-slide{ width: 100%; height: 100%;}
.banner .swiper-slide a{ display: inline-block; width: 100%; height: 100%;}
.banner .swiper-pagination{ bottom: 20px;}
.banner .swiper-button-next, .banner .swiper-button-prev{ width: 40px; height: 80px; margin-top: 20px;}
.banner .swiper-button-next{ background: url(../images/jt2.png) no-repeat center rgba(0, 0, 0, .2); right: 0;}
.banner .swiper-button-prev{ background: url(../images/jt1.png) no-repeat center rgba(0, 0, 0, .2); left: 0;}
.banner .swiper-button-next:hover{ background: url(../images/jt2.png) no-repeat center rgba(0, 0, 0, 1);}
.banner .swiper-button-prev:hover{ background: url(../images/jt1.png) no-repeat center rgba(0, 0, 0, 1);}
.banner .swiper-pagination-bullet{ width: 15px; height: 15px; margin: 0 5px !important;}
.banner .swiper-pagination-bullet-active{ background: #fff;}

.index-title{ text-align: center; position: relative; z-index: 0;}
.index-title .box{ background: #fff; margin: 0 auto; padding: 0 10px; display: inline-block; position: relative; z-index: 1;}
.index-title .cn{ font-size: 3em; color: #000;}
.index-title .en{ color: #b5b5b5; margin-top: 2px;}
.index-title::before{ content: " "; position: absolute; width: 100%; height: .1px; background: #ccc; left: 0; top: 50%; transform: translateY(-50%);}

.i-zyyw{ padding: 40px 0 30px;}
.i-zyyw-box{ margin-top: 30px; overflow: hidden;}
.i-zyyw-box ul{ margin: 0 -5px;}
.i-zyyw-box li{ width: 20%; float: left; padding: 0 5px;}
.i-zyyw-box li .box{ border-radius: 8px; overflow: hidden;}
.i-zyyw-box li.bg1 .box{ background: url(../images/b1.jpg) no-repeat center top;}
.i-zyyw-box li.bg2 .box{ background: url(../images/b2.jpg) no-repeat center top;}
.i-zyyw-box li.bg3 .box{ background: url(../images/b3.jpg) no-repeat center top;}
.i-zyyw-box li.bg4 .box{ background: url(../images/b4.jpg) no-repeat center top;}
.i-zyyw-box li.bg5 .box{ background: url(../images/b5.jpg) no-repeat center top;}
.i-zyyw-box li .title{ text-align: center; font-size: 2.4em; color: #fff; padding-top: 25px;}
.i-zyyw-box li .text{ min-height: 155px; margin-top: 220px; position: relative;}
.i-zyyw-box li .text dl{ width: 50%; float: left; display: inline-block; margin-bottom: 10px; padding: 0 15px;}
.i-zyyw-box li:nth-child(-n+3) .text dl:nth-child(2n+1){ padding: 0 4px 0 15px;}
.i-zyyw-box li:nth-child(-n+3) .text dl:nth-child(2n){ padding: 0 15px 0 4px;}
.i-zyyw-box li .text dd{ height: 24px; line-height: 24px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;  color: #fff; }
.i-zyyw-box li .text dd a{ font-size: 1.2em;  color: #fff; }
.i-zyyw-box li .text dd a:hover{ text-decoration: underline;}
/* .i-zyyw-box li.bg2 .text dl{ width: 100%;} */
/* .i-zyyw-box li.bg2 .text dl:last-child{ top: 0; right: 0; position: absolute; width: 58%;} */
.i-zyyw-box li.bg4 .text{ text-align: center;}
.i-zyyw-box li.bg4 .text dl{ display: inline-block; width: auto; text-align: left; float: inherit;}

.i-jspt{ padding: 30px 0;}
.i-jspt-box{ margin-top: 30px; overflow: hidden;}
.i-jspt-box ul{ margin: 0 -20px;}
.i-jspt-box li{ width: 25%; float: left; padding: 0 20px;}
.i-jspt-box li .img{ overflow: hidden;}
.i-jspt-box li .title{ font-size: 1.8em; color: #333; margin-top: 15px;}
.i-jspt-box li:hover .title{ color: #45a5a1;}

.i-news{ padding: 30px 0;}
.i-news-box{ margin-top: 30px; overflow: hidden; margin-right: -25px;}
.i-news-box .img{ width: 33.33333%; float: left;}
.i-news-box .list{ width: 33.33333%; padding: 0 25px; float: left;}
.i-news-box .list .top{ position: relative; padding-bottom: 15px; border-bottom: 1px solid #ccc;}
.i-news-box .list .top .t{ height: 34px; line-height: 34px; position: relative; padding-left: 40px; font-size: 2.4em;}
.i-news-box .list .top .t img{ position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.i-news-box .list .top .more{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.i-news-box .list .top .more a{ font-size: 1.4em; color: #555;}
.i-news-box .list .top .more a:hover{ color: #45a5a1;}
.i-news-box .list ul{ margin-top: 10px;}
.i-news-box .list li{ height: 36px; line-height: 36px;}
.i-news-box .list li a{ width: 78%; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; position: relative; padding-left: 15px; font-size: 1.6em; color: #333; float: left;}
.i-news-box .list li i{ position: absolute; width: 6px; height: 6px; border-radius: 100%; background: #878787; left: 0; top: 50%; transform: translateY(-50%);}
.i-news-box .list li span{ float: right; font-size: 1.4em; color: #999;}
.i-news-box .list li a:hover{ text-decoration: underline; color: #45a5a1;}

.footer{ background: #007cc3; margin-top: 30px; padding-top: 40px;}
.foot-nav{ width: 66.6666%; float: left;}
.foot-nav dl{ float: left; width: 20%;}
.foot-nav dt{ font-weight: normal; margin-bottom: 15px;}
.foot-nav dt a{ font-size: 1.8em; color: #fff;}
.foot-nav dd{ line-height: 26px;}
.foot-nav dd a{ font-size: 1.4em; color: #98daff;}
.foot-nav dd a:hover{ text-decoration: underline;}
.foot-contact{ width: 33.33333%; float: left; padding-left: 20px;}
.foot-contact dl{ min-height: 308px; border-left: 1px solid #3b95ca; padding-left: 20px;}
.foot-contact dt{ font-size: 1.8em; color: #fff; font-weight: normal; margin-bottom: 15px;}
.foot-contact dd{ font-size: 1.4em; color: #98daff; width: 100%; overflow: hidden; line-height: 26px;}
.foot-contact dd span{ display: inline-block; padding-left: 25px; position: relative; float: left; width: 27%;}
.foot-contact dd span i{ position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.foot-contact dd p{ display: inline-block; float: left; width: 73%;}
.foot-contact dd a{ color: #fff;}

.foot-copy{ border-top: 1px solid #5da4ce; font-size: 1.4em; color: #000; line-height: 26px; padding: 10px 0 40px; overflow: hidden; margin-top: 10px;}
.foot-copy .copy{ float: left;}
.foot-copy .text{ float: right; width: 40%;}

.xf{ position: fixed; z-index: 999; right: -130px; top: 50%; transform: translateY(-50%); cursor: pointer; transition: all .3s linear;}
.xf:hover{ right: 0;}
.xf li{ width: 180px; margin-bottom: 5px;}
.xf li .title{ position: relative; background: #3F9236; border-radius: 4px 4px 0 0; height: 50px; font-size: 1.6em; color: #fff; line-height: 50px; text-align: center; text-indent: 36px;}
.xf li .title .icon{ width: 35px; height: 35px; line-height: 31px; position: absolute; left: 8px; top: 50%; transform: translateY(-50%); text-indent: 0;}
.xf li .text{ background: #ececec; border-radius: 0 0 4px 4px; padding: 15px; display: none;}
.xf li .text dl{ margin-bottom: 0;}
.xf li .text dd{ margin-bottom: 15px; padding: 0 10px;}
.xf li .text dd a{ color: #707070;}
.xf li .text dd a:hover{ color:#60a9d7;}
.xf li .text dd i{ margin-right: 20px;}
.xf li .text dd:last-child{ margin-bottom: 0;}
.xf li .text .wx{ padding: 5px;}

.page-banner{ height: 410px; position: relative; z-index: 0; margin-top: -177px;}
.page-content{ padding-top: 30px;}

.mbx{ overflow: hidden; margin-bottom: 20px;}
.mbx .box{ float: right; font-size: 1.4em;}
.mbx .box a{ color: #666; position: relative; margin: 0 5px;}
.mbx .box a i{ position: absolute; left: -25px; top: 50%; transform: translateY(-50%); width: 16px;}
.mbx .box a:last-child{ margin-right: 0;}
.mbx .box a:hover{ text-decoration: underline; color: #45a5a1;}

.ty-left{ padding: 0 30px 0 0;}
.ty-left .ty-top{ background: #4db2eb; color: #fff; height: 80px; line-height: 80px; text-indent: 30px; font-size: 2.4em; font-weight: bold;}
.ty-left .ty-nav{ border: 2px solid #4db2eb; padding: 10px 0 30px; min-height: 350px;}
.ty-left .ty-nav li{ line-height: 45px; position: relative;}
.ty-left .ty-nav li > a{ display: inline-block; font-size: 1.6em; color: #333; width: 100%; padding-left: 40px; }
.ty-left .ty-nav li:hover > a{ color: #4db2eb;}
.ty-left .ty-nav li.on > a{ color: #4db2eb;}
.ty-left .ty-ys li i{ position: absolute; width: 5px; height: 5px; border-radius: 100%; left: 20px; top: 50%; transform: translateY(-50%); background: #ccc;}
.ty-left .ty-ys li dl{ padding-left: 20px; margin-bottom: 0;}
.ty-left .ty-ys li dd{ font-size: 1.4em; line-height: 30px; position: relative;}
.ty-left .ty-ys li dd a{ position: relative; padding-left: 40px; display: inline-block; color: #333;}
.ty-left .ty-ys li dd:hover a{ color: #4db2eb;}
.ty-left .ty-ys li.xl > i{ width: 12px; height: 12px; background: #4db2eb; transform: translateY(0); top: 17px; left: 15px; cursor: pointer;}
.ty-left .ty-ys li.xl > i::before{ content: "-"; position: absolute; font-size: 1.2em; color: #fff; line-height: 10px; top: 50%; left: 50%; transform: translate(-68%,-65%);}
.ty-left .ty-ys li.xl.on > i::before{ content: "+"; font-style: initial; transform: translate(-50%,-65%);}


.ty-right{ padding-right: 0;}
.ty-right .ty-top{ font-size: 2.4em; color: #555; border-bottom: 1px solid #f0f0f0; padding-bottom: 5px;}
.ty-right .ty-box{ padding: 20px 0;}

.list-one{ margin-bottom: 10px; }
.list-one .top{ height: 50px; line-height: 50px;  width: 100%; }
.list-one .top div{ border-top: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; text-align: center; color: #fff; font-size: 1.4em; float: left;  display: table; background: #3F9236;}
.list-one .top div:last-child{ border-right: 1px solid #f0f0f0;}
.list-one .w1{ width: 10%;}
.list-one .w2{ width: 16%;}
.list-one .w3{ width: 22%;}
.list-one .list{ border-bottom: 1px solid #f0f0f0; width: 100%; overflow: hidden;}
.list-one .list li div{ border-top: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; text-align: center; float: left; padding: 0 5px; height: 50px; display: grid; align-content: center; }
.list-one .list li div a{ color: #707070; font-size: 1.2em; display: table-cell; vertical-align: middle;}
.list-one .list li div:last-child{ border-right: 1px solid #f0f0f0;;} 
.list-one .list li div a:hover{ color: #60a9d7;}

.pager-list{ padding-top:10px; text-align:right;}
.pager-list ul{ list-style-type:none; margin:0; padding:0; display:inline-block;}
.pager-list li{ float:left; padding:0 4px;}
.pager-list li>*{ display:inline-block; font-size:12px; color:#888 !important; height:30px; line-height:28px !important; padding:0 10px !important; border:1px solid #bfbfbf;  background:#fff; }
.pager-list li a:hover{ background:#4aa93f !important; color:#fff !important; border:1px solid #4aa93f !important;}
.pager-list li.active>*{ color:#fff !important; background:#4aa93f !important; border:1px solid #4aa93f !important;}
.pager-list li.disabled>*{ cursor:auto; background:#fff; color:#ccc;}

.page-one .top-title{ font-size: 2.6em; color: #555; padding: 0 15px 10px; border-bottom: 1px solid #f0f0f0; margin-top: -55px;}
.page-one .top-con{ padding: 25px 0; overflow: hidden;}
.page-one .top-con .img{ float: left; position: relative; border: 1px solid #ddd; width: 26%;}
.page-one .top-con .text{ width: 74%; float: left; padding-left: 30px;}
.page-one .top-con .text li{ width: 50%; float: left; line-height: 28px; margin-top: 20px; position: relative; padding-left: 15px;}
.page-one .top-con .text li:nth-child(-n+2){ margin-top: 0;}
.page-one .top-con .text li::before{ content: " "; position: absolute; width: 6px; height: 6px; border-radius: 100%; background: #555; left: 0; top: 50%; transform: translateY(-50%);}
.page-one .top-con .text li span{ font-size: 1.6em; color: #555;}
.page-one .top-con .text li b{ font-size: 1.4em; font-weight: normal;}

div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:60px;height:60px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomDiv img{ max-width: inherit;}
div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}

.page-one .top-xx{ margin: 20px 0 40px; overflow: hidden;}
.page-one .top-xx li{ line-height: 60px; width: 14.2857%; float: left; text-align: center; color: #555;}
.page-one .top-xx li span{ border-bottom: 1px solid #007cc3; border-top: 1px solid #007cc3; background-color: #fafafa; display: inline-block; width: 100%; font-size: 1.8em;}
.page-one .top-xx li p{ text-align: center; font-size: 1.4em;}
.page-one .top-xx li p a{ color: #007cc3;}
.page-one .con-text{ font-size: 1.6em; }
.page-one .con-text b{ font-weight: bold;}
.page-one .con-text p { line-height: 1.8; }
.page-one .con-text p+p { margin-top: 10px; }
.c_title { box-sizing: border-box; animation-fill-mode: both; padding: 0px 0px 0px 10px; margin: 0px 0px 5px; border: 0px; outline: 0px; font-size: 14px; font-family: 'Times New Roman'; vertical-align: baseline; line-height: 32px; color: rgb(51, 51, 51); font-weight: bold; list-style: none; height: 32px; background: rgb(241, 241, 241); position: relative; overflow: hidden; }
.c_content{ box-sizing: border-box; animation-fill-mode: both; padding: 0px 0px 0px 10px; margin: 0px 0px 20px; border: 0px; outline: 0px; font-size: 12px; font-family: simsun; vertical-align: baseline; line-height: 1.8em; color: rgb(51, 51, 51); list-style: none; background-color: rgb(255, 255, 255); }
.p { box-sizing: border-box; animation-fill-mode: both; padding: 0px; margin: 0px 0px 25px; border: 0px; outline: 0px; font-size: 1.4em; font-family: 'Century Gothic'; vertical-align: baseline; line-height: 20px; color: rgb(85, 85, 85); list-style: none; letter-spacing: 0.7px; }

.xgcp{ margin-top: 30px;}
.xgcp .top{margin-bottom: 20px; }
.xgcp .top span{ display: inline-block; width: 125px; height: 40px; line-height: 40px; background: #007cc3; text-align: center; font-size: 1.8em; font-weight: bold; color: #fff;}
.xgcp .list{ overflow: hidden;}
.xgcp .list li{ overflow: hidden;}
.xgcp .list li .box{ width: 100%;}
.xgcp .list li .box > div{ float: left; font-size: 1.4em; text-align: center; line-height: 60px;}
.xgcp .list li .box > div a{ color: #707070;}
.xgcp .list li .box > div a:hover{ color: #60a9d7;}
.xgcp .list li:first-child{ border-bottom: 1px solid #007cc3; border-top: 1px solid #007cc3; background-color: #fafafa; color: #555; margin-bottom: 5px;}
.xgcp .list li:first-child .box > div{ float: left; font-size: 1.8em; text-align: center;  line-height: 60px;}
.xgcp .list li .w1{ width: 13%;}
.xgcp .list li .w2{ width: 18%;}
.xgcp .list li .w3{ width: 12%;}

.xgxw{ margin-top: 30px; margin-bottom: 10px;}
.xgxw .top{margin-bottom: 20px; }
.xgxw .top span{ display: inline-block; width: 125px; height: 40px; line-height: 40px; background: #007cc3; text-align: center; font-size: 1.8em; font-weight: bold; color: #fff;}
.xgxw .list{ overflow: hidden; min-height: 200px; position: relative;}
.xgxw .list li{ padding: 10px 0;}
.xgxw .list li .title{ font-size: 1.8em; font-weight: bold; color: #555; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.xgxw .list li .text{ font-size: 1.4em; color: #888; line-height: 26px; margin: 10px 0; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.xgxw .list .box{ font-size: 1.8em; color: #333; font-weight: bold; padding-left: 35px; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.xgxw .list .box i{ font-size: 1.6em; position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #3F9236;}

.list-two{ margin-bottom: 10px; }
.list-two .top{ height: 50px; line-height: 50px;  width: 100%; }
.list-two .top div{ border-top: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; text-align: center; color: #fff; font-size: 1.4em; float: left;  display: table; background: #3F9236;}
.list-two .top div:last-child{ border-right: 1px solid #f0f0f0;}
.list-two .w1{ width: 20%;}
.list-two .list{ border-bottom: 1px solid #f0f0f0; width: 100%; overflow: hidden;}
.list-two .list li div{ border-top: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; text-align: center; float: left; padding: 0 5px; height: 50px; display: grid; align-content: center; }
.list-two .list li div a{ color: #707070; font-size: 1.2em; display: table-cell; vertical-align: middle;}
.list-two .list li div:last-child{ border-right: 1px solid #f0f0f0;;} 
.list-two .list li div a:hover{ color: #60a9d7;}

.page-two .top-con{ overflow: hidden; padding-top: 10px;}
.page-two .top-con .img{ width: 50%; border: 1px solid #ccc; float: left;}
.page-two .top-con .img p{ color: #c8c8c8; padding: 0 30px 15px;}
.page-two .top-con .text{ width: 50%; padding: 0 10px 0 40px; float: left;}
.page-two .top-con .text li{ padding: 10px 0; line-height: 1.8; font-size: 1.4em; color: #333; border-bottom: 1px dashed #ccc;}
.page-two .top-con .text li span{ display: inline-block; width: 20%;}
.page-two .top-con .text li b{ font-weight: normal; color: #646464;}
.page-two .top-con .text li.title b{ color: #333;}
.page-two .top-con .text li.pay i{ color: #646464; margin-right: 5px;}
.page-two .top-con .text li.pay b{ color: #c00; font-size: 1.2em;}
.page-two .top-con .text li .num{  display: inline-block; height: 30px; padding: 10px 0; margin-right: 8%;}
.page-two .top-con .text li .num button{float: left; width: 30px; height: 30px; line-height: 28px; border: 1px solid #ccc; font-size: 1.8em; position: relative; color: #777;}
.page-two .top-con .text li .num button i{ position: absolute; font-style: normal; top: -2px; left: 50%; transform: translateX(-50%);}
.page-two .top-con .text li .num input{ float: left; height: 30px; line-height: 30px; border: 1px solid #ccc; margin: 0 -1px; text-align: center; width: 80px;}
.page-two .top-con .text li.gg{ border-bottom: none; height: 70px; line-height: 70px;}
.page-two .top-con .text li.gg b{ display: inline-block; width: 70px; height: 30px; line-height: 30px; text-align: center; background: #EFEFEF; color: #333; cursor: pointer; }
.page-two .top-con .text li.gg b.on{ background: #00A2B0; color: #fff;}

.page-two .con-text{ margin-top: 30px;}
.page-two .con-text .hd{ overflow: hidden;}
.page-two .con-text .hd li{ float: left; float: left; width: 110px; height: 45px; line-height: 45px; text-align: center; background: #f1f1f1; color: #959595; font-size: 1.6em; cursor: pointer;}
.page-two .con-text .hd li.on{ background: #3F9236; color: #fff;}
.page-two .con-text .bd{ padding: 20px 25px; border: 1px solid #f0f0f0; border-top: 2px solid #3F9236; font-size: 1.6em; color: #646464;}
.page-two .con-text .bd p+p{ margin-top: 10px; line-height: 24px;}

.pager{ font-size: 1.4em; color: #666; margin: 25px 0;}
.pager span{ display: inline-block; width: 20px; height: 20px; position: relative; overflow: hidden;}
.pager span i{ font-size: 2.4em; color: #999; position: absolute; top: 50%; transform: translateY(-50%);}
.pager .prev{ width: 50%; float: left; text-align: left;}
.pager .prev span{ float: left; margin-right: 10px;}
.pager .prev span i{ left: 0;}
.pager .prev a{ color: #666; margin-left: 10px;}
.pager .next{ width: 50%; float: right; text-align: right;}
.pager .next span{ float: right; margin-left: 10px;}
.pager .next span i{ right: 0;}
.pager .next a{ float: initial; color: #666; margin-right: 10px;}
.pager a:hover{ text-decoration: underline;}

.list-three{ overflow: hidden;}
.list-three li{ overflow: hidden; border-bottom: 1px solid #f1f1f1; padding: 15px 0;}
.list-three li .img{ width: 27.12%; text-align: center; min-height: 160px; line-height: 160px; float: left; overflow: hidden;}
.list-three li .img img{ transition: all .3s linear;  width: 100%; height: 150px; object-fit: cover; vertical-align: top; }
.list-three li:hover .img img{ transform: scale(1.1);}
.list-three li .text{ width: 72.88%; float: left; padding-left: 15px;}
.list-three li .text .t{ font-size: 1.8em; color: #333; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.list-three li .text .p{ font-size: 1.4em; color: #666; line-height: 24px; margin-top: 8px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.list-three li .text .more{ text-align: right; margin-top: 15px;}
.list-three li .text .more span{ display: inline-block; width: 86px; height: 28px; line-height: 26px; text-align: center; border: 1px solid #f0f0f0; font-size: 1.2em; color: #65beba;}
.list-three li:hover .text .t{ color: #45a5a1;}
.list-three li .text .more span:hover{ background: #65beba; color: #fff; border: 1px solid #65beba;}

.page-three{ overflow: hidden;}
.page-three .title{ text-align: center; font-size: 2.4em;}
.page-three .text{ margin-top: 20px; font-size: 1.6em; line-height: 1.75em;}

.news-list{ overflow: hidden; margin: 10px 0;}
.news-list li{ padding: 15px 0; overflow: hidden; border-bottom: 1px solid #f1f1f1;}
.news-list li .img{ width: 24%; float: left; overflow: hidden;}
.news-list li .img img{ transition: all .3s linear; width: 100%; height: 150px; object-fit: fill; vertical-align: top; }
.news-list li:hover .img img{ transform: scale(1.1);}
.news-list li .text{ width: 76%; float: left; padding-left: 15px;}
.news-list li .text .t{ color: #007cc3; font-size: 1.8em; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.news-list li .text .date{ text-align: right; font-size: 1.2em; color: #c8c8c8; margin-top: -21px;}
.news-list li .text .date i{ margin-right: 5px;}
.news-list li .text .date span{ color: #969696;}
.news-list li .text .p{ color: #888; font-size: 1.4em; line-height: 1.75em; margin-top: 16px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news-list li:hover .text .t{ color: #3F9236;}

.pager-box{ overflow: hidden;}
.pager-box .text{ font-size: 1.6em; line-height: 1.75em; color: #555;}

.message{ overflow: hidden;}
.message li{ overflow: hidden; line-height: 40px; margin-bottom: 15px;}
.message li label{ float: left; width: 15%; font-weight: normal; text-align: right; font-size: 1.4em; padding-right: 15px;}
.message li label span{ position: relative;}
.message li label i{ color: #f00; position: absolute; font-style: normal; left: -10px; top: 50%; transform: translateY(-40%);}
.message li textarea{ border: 1px solid #ccc; width: 340px; line-height: 1.8; padding: 10px; border-radius: 4px;}
.message li input{ border: 1px solid #ccc; width: 340px; height: 38px; line-height: 38px; padding: 0 10px; border-radius: 4px;}
.message li textarea:focus, .message li input:focus { border-color: #4db2eb; }
.message li img{ width: auto; height: 40px; margin: 0 15px;}
.message li a{ font-size: 1.4em; color: #999;}
.message li input[type="submit"]{ width: 100px; height: 40px; border-radius: 4px; background: #4db2eb; color: #fff; font-size: 1.4em; margin-left: 15%; border: none;}

.search-results{ overflow: hidden; margin: 20px 0;}
.search-results .top-title{ display: inline-block; width: 150px; height: 50px; line-height: 50px; text-align: center; background: #4db2eb; color: #fff; font-size: 2.4em;}
.search-results .list{ width: 100%; min-height: 300px; border: 1px solid #f1f1f1; padding: 20px; margin-bottom: 15px; overflow: hidden;}
.search-results .list li{ height: 40px; line-height: 40px;}
.search-results .list li > div{ float: left; padding: 0 10px; font-size: 1.4em; color: #666;}
.search-results .list li a{ color: #666;}
.search-results .list li i{ margin-right: 10px; font-size: 1.2em;}
.search-results .list li a:hover{ color: #65beba;}
.search-results .list li .t{ width: 50%; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.search-results .list li .lx{ width: 15%;}
.search-results .list li .date{ width: 35%; overflow:hidden;}
.search-results .list li:first-child{ background: #f1f1f1; margin-bottom: 10px;}
.search-results .list li:first-child > div{ font-size: 1.6em; color: #333;}





@media (min-width: 1400px){
.header .container { padding: 0; width: 1400px;}
.header .tel { margin-top: 15px; }
}

@media (min-width: 1200px){
.container{ padding: 0; width: 1200px;}
}
@media (max-width:1199px){
 .header .logo .company { display: none;}
}
@media (max-width:1199px) and (min-width:992px){
.header .pc-search .box input[type="submit"]{ background: url(../images/search.png) no-repeat 10px center #84c225;}
.foot-contact dd span{ width: 36%;}
.foot-contact dd p{ width: 64%;}

.ty-left .ty-nav li > a{ padding-left: 25px; font-size: 1.4em;}
.ty-left .ty-ys li i{ left: 10px;}
.ty-left .ty-ys li.xl > i{ left: 7px;}
.ty-left .ty-ys li dd a{ padding-left: 24px;}

.list-one .list li div{ height: 70px;}
.page-one .top-con .img{ width: 35%;}
.page-one .top-con .text{ width: 65%;}

.list-two .list li div{ height: 70px;}
}
@media (max-width:991px) and (min-width: 768px){
.header .pc-search .box input[type="submit"]{ background: url(../images/search.png) no-repeat 5px center #84c225;}
.header .tel{ display: none;}
.banner{ height: 450px;}
.banner .swiper-button-next, .banner .swiper-button-prev{ margin-top: 35px;}

.index-title .cn{ font-size: 2.4em;}

.i-zyyw{ padding: 30px 0 20px;}
.i-zyyw-box li{ width: 33.33333%; margin-bottom: 10px;}
.i-jspt{ padding: 20px 0;}
.i-jspt-box li{ width: 33.3333%;}
.i-jspt-box li:last-child{ display: none;}
.i-jspt-box li .title{ font-size: 1.6em;}
.i-news{ padding: 20px 0;}
.i-news-box{ margin: 20px -25px 0;}
.i-news-box .img{ display: none;}
.i-news-box .list{ width: 50%;}
.i-news-box .list .top .t{ font-size: 2em;}
.i-news-box .list .top .more{ transform: translateY(-70%);}

.footer{ margin-top: 10px; padding-top: 25px;}
.foot-nav{ display: none;}
.foot-contact{ float: inherit; width: 100%; padding-left: 0;}
.foot-contact dl{ border-left: 0; padding-left: 0; min-height: auto;}
.foot-contact dd span{ width: 14%;}
.foot-contact dd p{ width: 86%;}
.foot-copy .copy{ width: 60%;}

.ty-left{ display: none;}
.ty-right{ padding: 0;}
.list-one .list li div{ height: 70px;}
.page-one .top-title{ font-size: 2em; margin-top: -48px;}
.page-one .top-con .img{ width: 50%;}
.page-one .top-con .text{ width: 100%; margin-top: 30px; padding-left: 0;}
.page-one .top-con .text li{ margin-top: 15px;}
.page-one .top-xx li{ width: 25%;}
.page-one .top-xx li:last-child{ width: 50%;}

.xgcp .list{ overflow: inherit; overflow-y: hidden;}
.xgcp .list ul{ width: 950px;}

.list-two .list li div{ height: 70px;}
.page-two .top-con .text{ width: 100%; padding: 0; margin-top: 15px;}
.page-two .con-text .bd{ font-size: 1.4em;}

.page-three .title{ font-size: 2em;}
.page-three .text{ font-size: 1.4em;}

.search-results .top-title{ width: 120px; height: 45px; line-height: 45px; font-size: 2em;}
}
@media (max-width: 767px){
.header{ height: 60px; padding: 0; background: #fff; box-shadow: 0 3px 5px rgba(0,0,0,.35); position: fixed; width: 100%;}
.header .logo{ height: 60px; line-height: 60px;}
.header .logo img{ height: 45px;}
.header .pc-search, .header .tel{ display: none;}
.header .search{ height: 60px; line-height: 54px;}
.header .nav-btn{ height: 60px; line-height: 60px;}
.pc-nav{ display: none;}
.nav .nav-top{ height: 60px; line-height: 60px;}

.banner{ margin-top: 0; height: 180px;}
.banner .swiper-button-next, .banner .swiper-button-prev{ display: none;}
.banner .swiper-pagination-bullet{ width: 8px; height: 8px; margin: 0 4px !important;}
.banner .swiper-pagination{ bottom: 10px;}

.index-title .cn{ font-size: 1.8em;}

.i-zyyw{ padding: 20px 0 10px;}
.i-zyyw-box{ margin-top: 20px;}
.i-zyyw-box li:first-child{ width: 100%; padding: 0 20%;}
.i-zyyw-box li{ width: 50%; margin-bottom: 10px;}
.i-zyyw-box li .title{ font-size: 1.8em;}
.i-zyyw-box li .text dl{ padding: 0 10px;}
.i-jspt{ padding: 20px 0;}
.i-jspt-box{ margin-top: 20px;}
.i-jspt-box ul{ margin: 0 -5px;}
.i-jspt-box li{ width: 50%; padding: 0 5px;}
.i-jspt-box li:nth-child(odd){ clear: both; }
.i-jspt-box li:nth-child(-n+2){ margin-bottom: 20px;}
.i-jspt-box li .title{ font-size: 1.4em;}
.i-news{ padding: 20px 0;}
.i-news-box{ margin: 0;}
.i-news-box .img{ display: none;}
.i-news-box .list{ width: 100%; padding: 0; margin-top: 20px;}
.i-news-box .list .top .t{ font-size: 1.6em; padding-left: 30px;}
.i-news-box .list .top .t img{ width: 20px;}
.i-news-box .list .top .more{ transform: translateY(-70%);}
.i-news-box .list li a{ font-size: 1.4em;}

.list-three li .img img { height: 100px; }
.news-list li .img img { height: 100px; }


.footer{ margin-top: 10px; padding-top: 25px;}
.foot-nav{ display: none;}
.foot-contact{ float: inherit; width: 100%; padding-left: 0;}
.foot-contact dt{ font-size: 1.6em;}
.foot-contact dl{ border-left: 0; padding-left: 0; min-height: auto;}
.foot-contact dd{ font-size: 1.2em;}
.foot-contact dd span{ width: 27%;}
.foot-contact dd p{ width: 73%;}
.foot-copy{ font-size: 1.2em; padding: 10px 0 20px;}
.foot-copy .copy{ width: 100%;}
.foot-copy .text{ width: 100%;}

.xf{ display: none;}

.page-banner{ margin-top: 0; height: 120px;}
.page-content{ padding-top: 15px;}
.ty-left{ display: none;}
.ty-right{ padding: 0; overflow: hidden; margin-bottom: 10px;}
.ty-right .ty-top{ font-size: 1.8em;}
.ty-right .ty-box{ overflow-y: hidden; padding-bottom: 0;}
.list-one{ width: 750px;}
.list-one .list li div{ height: 70px;}
.pager-list{ text-align: center;}

.page-one .top-title{ font-size: 1.6em; margin-top: 0px;}
.page-one .top-con .img{ width: 100%;}
.page-one .top-con .text{ width: 100%; margin-top: 10px; padding-left: 0;}
.page-one .top-con .text li{ margin-top: 10px; padding-left: 15px; width: 100%;}
.page-one .top-con .text li:nth-child(-n+2){ margin-top: 10px;}
.page-one .top-con .text li span{ font-size: 1.4em;}
.page-one .top-xx{ margin: 0 0 20px;}
.page-one .top-xx li{ width: 25%; line-height: 50px;}
.page-one .top-xx li:last-child{ width: 50%;}
.page-one .top-xx li span{ font-size: 1.4em;}
.page-one .top-xx li p{ font-size: 1.2em;}
.page-one .con-text{ font-size: 1.4em;}

.xgcp .top span{ font-size: 1.6em;}
.xgcp .list{ overflow: inherit; overflow-y: hidden;}
.xgcp .list ul{ width: 800px;}
.xgcp .list li:first-child .box > div{ font-size: 1.4em; line-height: 50px;}
.xgcp .list li .box > div{ font-size: 1.2em;}

.xgxw{ margin-top: 20px;}
.xgxw .top{ margin-bottom: 10px;}
.xgxw .top span{ font-size: 1.6em;}
.xgxw .list li .title{ font-size: 1.6em;}
.xgxw .list li .text{ font-size: 1.2em; margin: 10px 0 0;}

.list-two{ width: 750px;}
.list-two .list li div{ height: 70px;}
.page-two .top-con .img{ width: 100%;}
.page-two .top-con .img p{ padding: 15px;}
.page-two .top-con .text{ width: 100%; padding: 0; margin-top: 15px;}
.page-two .top-con .text li span{ width: 28%;}
.page-two .top-con .text li .num input{ width: 60px;}
.page-two .con-text .hd li{ font-size: 1.4em;}
.page-two .con-text .bd{ font-size: 1.4em; padding: 10px;}

.pager{ margin: 10px 0 20px; font-size: 1.2em;}
.pager .prev, .pager .next{ width: 100%; margin-top: 10px;}
.pager span{ width: 15px;}

.list-three li .img{ width: 35%;}
.list-three li .text{ width: 65%;}
.list-three li .text .t{ font-size: 1.6em;}

.page-three .title{ font-size: 1.8em;}
.page-three .text{ font-size: 1.4em;}

.news-list li .img{ width: 35%;}
.news-list li .text{ width: 65%;}
.news-list li .text .t{ font-size: 1.6em;}
.news-list li .text .date{ margin-top: 0; text-align: left; margin-top: 5px;}
.news-list li .text .p{ margin-top: 5px;}

.pager-box .text{ font-size: 1.4em;}

.message li{ position: relative;}
.message li label{ width: 25%;}
.message li input{ width: 75%;}
.message li.yzm input{ width: 35%;}
.message li img{ width: 22%; margin: 0 0 0 4px;}
.message li a{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.message li input[type="submit"]{ margin-left: 25%;}

.search-results .top-title{ width: 100px; height: 40px; line-height: 40px; font-size: 1.6em;}
.search-results .list{ padding: 10px;}
.search-results .list li:first-child > div{ font-size: 1.4em;}
.search-results .list li .lx{ width: 20%;}
.search-results .list li .date{ width: 30%; height: 40px;}
.search-results .list li > div{ font-size: 1.2em;}
}